<template>
  <div class="dashboard-container" style="width:100%;height:100%;">
    <Card />
    <DashboardChart />
  </div>
</template>

<script>
import { mapGetters } from 'vuex';
import Card from "./card";
import DashboardChart from "./chart";

export default {
  name: 'Dashboard',
  components: { DashboardChart,Card},
};
</script>

<style lang="scss" scoped>
.dashboard {
  &-container{
    
    .chart-wrap{
      overflow: hidden;
      margin-top: 30px;
      padding-left: 20px;
      .chart-col{
        float: left;
        width: 50%;
        padding-right:20px;
        height:600px;
        .chart-radio{
          padding: 10px 0;
          text-align: center;
          background: #fff;
        }
      }
    }
  }
}
</style>
